/***
 * 
 */
define( [ 'Vue' ], function (Vue) {
    return Vue.component('provider', {
        props : ["provider", "index"],
        template : `
            <div>
                {{index + 1}}.

                <a target="_blank" :href="provider.host + '/' + provider.port +'/index.html'">{{provider.host}}:{{provider.port}} {{provider.processName}} {{provider.name}} {{provider.startTime}}</a>
                <br />
                &nbsp;
                &nbsp;
                <a :href="'#/system-info?host=' + provider.host + '&port=' + provider.port">system-info</a>
                <a :href="'#/system-property?host=' + provider.host + '&port=' + provider.port">system-property</a>
                <a target="_blank" :href="'/budo-graph/' + provider.host + '/' + provider.port +'/thread-info'">thread-info</a>
                <a target="_blank" :href="'/budo-graph/' + provider.host + '/' + provider.port +'/memory-map'">memory-map</a>
                <a target="_blank" :href="'/budo-graph/' + provider.host + '/' + provider.port +'/perf-count'">perf-count</a>
                <a target="_blank" :href="'/budo-graph/' + provider.host + '/' + provider.port +'/top-process'">top-process</a>
                <a target="_blank" :href="'/budo-graph/' + provider.host + '/' + provider.port +'/top-thread'">top-thread</a>
                <a target="_blank" :href="'/budo-graph/' + provider.host + '/' + provider.port +'/log-level'">log-level</a>
                <a target="_blank" :href="'/budo-graph/' + provider.host + '/' + provider.port +'/dubbo-echo'">dubbo-echo</a>
                <a target="_blank" :href="'/budo-graph/' + provider.host + '/' + provider.port +'/dubbo-service'">dubbo-service</a>
                <a target="_blank" :href="'/budo-graph/' + provider.host + '/' + provider.port +'/class-path'">class-path</a>
                <br />
                &nbsp;
                &nbsp;
                <a target="_blank" :href="'/budo-graph/' + provider.host + '/' + provider.port +'/git-log'">git-log</a>
                <a target="_blank" :href="'/budo-graph/' + provider.host + '/' + provider.port +'/spring-bean'">spring-bean</a>
                <a target="_blank" :href="'/budo-graph/' + provider.host + '/' + provider.port +'/mybatis-mapper'">mybatis-mapper</a>
                <a target="_blank" :href="'/budo-graph/' + provider.host + '/' + provider.port +'/database-metadata'">database-metadata</a>
                <a target="_blank" :href="'/budo-graph/' + provider.host + '/' + provider.port +'/active-connections'">active-connections</a>
                <a target="_blank" :href="'/budo-graph/' + provider.host + '/' + provider.port +'/placeholder'">placeholder</a>
                <a target="_blank" :href="'/budo-graph/' + provider.host + '/' + provider.port +'/available-fonts'">available-fonts</a>
                <a target="_blank" :href="'/budo-graph/' + provider.host + '/' + provider.port +'/ehcache-statistics'">ehcache-statistics</a>
                <a target="_blank" :href="'/budo-graph/' + provider.host + '/' + provider.port +'/line-graph'">line-graph</a>
                <a :href="'#/graph-data?host=' + provider.host +'&port=' + provider.port">graph-data</a>
                <a title="读写分离配置调整" :href="'#/sharding?host=' + provider.host +'&port=' + provider.port">sharding</a>
            </div>
            `
    });
});